For the longest time we were limited to only one background image per element. Sometimes we wanted to have multiple background images on the body or on a div. With CSS3, we can now utilize multiple background images. All it takes is a comma between image properties. Make sure you use the same order for multiple image properties. The first value applies to the first image, the second value applies to the second image.
Here is an example:
body
{
text-align:center;
background-color:#09C;
font-family:Arial, Gadget, sans-serif;
/* This page uses two background images on the body */
/* The properties of each background image are separated by a comma */
background-image:url(images/frog.png), url(images/littlefrog.png);
background-position:center center, left top;
background-repeat:no-repeat, no-repeat;
background-attachment:fixed, scroll;
}